<template>
	<view class="box">
		<view class="content_top">记录宝宝一点一滴</view>
		<view class="content_center">
			<view class="other_content">
				<view class="item">
					<view class="photo"></view>
					<text class="item_text">身高体重</text>
				</view>
				<view class="item">
					<view class="photo"></view>
					<text class="item_text">宝宝日记</text>
				</view>
			</view>
		</view>
		<view class="content_buttom">
			<image src="../static/images/index/return.png" style="height: 30%; width: 15%;" @tap="goIndex"></image>
		</view>
	</view>
</template>

<script>
	export default {
		//1、数据定义:
		//页面上需要展示的数据
		//页面上需要绑定的数据
		//控制页面样式的数据
		data() {
			return {
				
			}
		},
		//2、逻辑处理
		methods: {
			goIndex(){
				uni.navigateTo({
					url:'/pages/index'
				})
			}
			
		},
		//3、生命周期
		onLoad(){
	
		}
	}
</script>

<style>
	.box{
		width: 100vw;
		height: 93vh;
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	.content_top{
		width: 100%;
		height:40%;
		font-size: 20px;
		display: flex;
		align-items: flex-end;
		flex-direction: row;
		justify-content: center;

	}
	
	.content_center{
		width: 100%;
		height: 30%;
		display: flex;
		align-items: center;
		flex-direction: column;

	}
	.other_content{
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
		padding: 20px;
	}
	.photo{
		width: 70px;
		height:70px;
		background-color: #f2f2f2;
		border-radius: 50%;
		}
		
	.item{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 20px;
	}
	.item_text{
		font-size: 15px;
		margin-top: 10px;
		margin-left: 5px;
	}
	.content_buttom{
		width: 100%;
		height: 30%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
</style>